.form-control[readonly] {
    background-color: white;
    opacity: 1;
}
.iconDiv {
    text-align: center;
    padding-top: 10px;
    margin: 10px auto;
}

.iconDiv .personIcon {
    border: 1px solid #cdcdcd;
    border-radius: 100px;
    box-shadow: 0px 3px 3px #cdcdcd;
}

.btnGroup {
    width: 90%;
    margin: 0 auto;
    text-align: right;
}
.btnGroup div {
    padding: 10px 0px;
}

.cancelBtn, .conformBtn {
    margin-left: 10px;
    width: 80px;
}

.searchboxIndicator, .groupNameIndicator, .projectIndicator {
    /*width: 100%;*/
    background-color: white;
    position: absolute;
    z-index: 10000;
    display: none;
    border: #ced4da 1px solid;
    border-radius: .25rem;
    padding: 0px 0px;
    box-shadow: 0px 3px 10px #a9a9a9;
}
.searchboxIndicator ul li, .groupNameIndicator ul li, .projectIndicator ul li {
    padding: 5px 5px;
    background-color: white;
}
.searchboxIndicator ul li:hover, .groupNameIndicator ul li:hover, .projectIndicator ul li:hover {
    background-color: #1b6dc7;
    color: white;
}

.createBtn {
    /*background: #f1f1f1;*/
}

.deliverBtn {
    background: #f1f1f1;
    color: grey;
}
.filename.filenameinput {
    display: none;
}

.processBoard ul {
    display: table;
    width: 100%;
    background-color: grey;
}

.processBoard ul li {
    display: table-cell;
    background-color: #fdfdfd;
    color: #525252;
    line-height: 80px;
    text-align: center;
    border: #afafaf 1px solid;
    transition: all .2s ease-in-out;
}
.processBoard ul li:hover {
    border: #1b6dc7 1px solid;
    color: #0b6cbc;
    box-shadow: #0b6cbc 1px 1px 10px;
}
.processBoard ul li.active {
    border: #F45858 1px solid;
    box-shadow: #F45858 1px 1px 10px;
}